<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Ghost</title>
    <link href="bootstrap.min.css" rel="stylesheet">
    <link href="app.css"  rel="stylesheet">
</head>
<!--ghost网址：http://www.ghostchina.com/-->
<body class="home-template">
    <header class="main-header">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <a class="branding" href="#" title="Ghost开源博客">
                        <img src="http://static.ghostchina.com/image/b/46/4f5566c1f7bc28b3f7ac1fada8abe.png">
                        <h2 class="text-hide">
                            现在您看到的是bootstrap制作的Ghost主页
                        </h2>
                    </a>
                </div>
            </div>
        </div>
    </header>
    <nav class="main-navigation"><!--主导航-->
        <div class="container"><!--容器-->
            <div class="row"><!--栅格-->
                <div class="col-md-12"><!--充满整个-->
                    <div class="navbar-header">
                        <span class="nav-toggle-button collapse" data-target="#main-menu">
                            <span class="sr-only"> Toggle Navigation</span>
                            <i class="fa fa-bars"></i>
                        </span>
                    </div>
                    <div class="collapse navbar-collapse" id="main-menu">
                        <ul class="menu">
                            <li class="nav-current" role="presentation">
                                <a href="#">首页</a>
                            </li>
                            <li role="presentation">
                                <a href="#">论坛</a>
                            </li>
                            <li role="presentation">
                                <a href="#">快捷手册</a>
                            </li>
                            <li role="presentation">
                                <a href="#">中文文档</a>
                            </li>
                            <li role="presentation">
                                <a href="#">下载</a>
                            </li>
                            <li role="presentation">
                                <a href="#">关于</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <section class="content-wrap">
        <div class="container">
            <div class="row">
                <main class="col-md-8 main-content">
                    <article class="post tag-about-ghost tag-ghost-in-depth tag-zhu-han-shu">
                        <div class="post-head">
                            <h1 class="post-title">
                                <a href="#">Ghost 0.7.0 正式发布</a>
                            </h1>
                            <div class="post-meta">
                                <span class="author">
                                    作者
                                    <a href="#">王赛</a>
                                </span>
                                •
                                <time class="date" datetime="2015-10-10">2015年10月10日</time>
                            </div>
                        </div>
                        <div class="post-content">
                            <p>
                                Ghost 0.7.0 已经正式发布了！此版本主要对后台 UI 的重构，既包含重新设计，也包含底层功能的重大改进。0.7.0 还为即将到来的 API 做了很多铺垫工作。 Ghost 0.7.0 的主要改进 [新增] 设计新后台界面 [新增] 后台能够搜索博文和用户 [新增] 安
                            </p>
                        </div>
                        <div class="post-permalink">
                            <a href="#" class="btn btn-default">阅读全文</a>
                        </div>
                        <div class="footer clearfix">
                            <hr>
                            <div class="pull-left tag-list">
                                <a href="#">Ghost</a>
                                <a href="#">新版本发布</a>
                                <a href="#">Ghost 0.7版本</a>
                            </div>
                        </div>
                    </article>
                    <article class="post tag-about-ghost tag-ghost-in-depth tag-zhu-han-shu">
                        <div class="post-head">
                            <h1 class="post-title">
                                <a href="#">Ghost 0.7 中 {{ghost_foot}} 助手函数将不再输出 jQuery</a>
                            </h1>
                            <div class="post-meta">
                                <span class="author">
                                    作者
                                    <a href="#">王赛</a>
                                </span>
                                •
                                <time class="date" datetime="2015-10-10">2015年10月11日</time>
                            </div>
                        </div>
                        <div class="post-content">
                            <p>
                                {{ghost_foot}} 助手函数将不再输出 jQuery 链接了。 从 Ghost 第一个版本开始， {{ghost_foot}} 助手函数默认都会输出一个 jQuery 文件链接，并且这个文件还是本地存储的。最开始 Ghost 团队觉得这是一件对所有主题开发者有意义
                            </p>
                        </div>
                        <div class="post-permalink">
                            <a href="#" class="btn btn-default">阅读全文</a>
                        </div>
                        <div class="footer clearfix">
                            <hr>
                            <div class="pull-left tag-list">
                                <a href="#">Ghost</a>
                                <a href="#">助手函数</a>
                                <a href="#">jquery</a>
                            </div>
                        </div>
                    </article>
                    <article class="post tag-about-ghost tag-ghost-in-depth tag-zhu-han-shu">
                        <div class="post-head">
                            <h1 class="post-title">
                                <a href="#">如何使用 Ghost 博客系统</a>
                            </h1>
                            <div class="post-meta">
                                <span class="author">
                                    作者
                                    <a href="#">王赛</a>
                                </span>
                                •
                                <time class="date" datetime="2015-10-10">2015年10月7日</time>
                            </div>
                        </div>
                        <div class="post-content">
                            <p>
                                此系列教程已完成部分翻译。。。 既然来到这里，说明你的 Ghost 博客已经运行起来了。祝贺你！下面我们就来说一说 Ghost 博客系统的详细使用方法吧： 撰写博文 Ghost 和其他大部分博客平台不同，Ghost 博客平台的书写界面支持的是 Markdown 语法。Mar
                            </p>
                        </div>
                        <div class="post-permalink">
                            <a href="#" class="btn btn-default">阅读全文</a>
                        </div>
                        <div class="footer clearfix">
                            <hr>
                            <div class="pull-left tag-list">
                                <a href="#">Ghost</a>
                            </div>
                        </div>
                    </article>
                </main>
                <aside class="col-md-4 sidebar">
                    <div class="widget">
                        <h4 class="title">社区</h4>
                        <div class="content community">
                            <p>QQ群：123456789</p>
                            <p>
                                <a href="#">问答社区</a>
                            </p>
                            <p>
                                <a href="#">官网微博</a>
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <h4 class="title">下载Ghost</h4>
                        <div class="content download">
                            <a href="#" class="btn btn-default btn-block">Ghost 中文版(0.7.0)</a>
                        </div>
                    </div>
                    <div class="widget">
                        <h4 class="title">标签云</h4>
                        <div class="content tag-cloud">
                            <a href="#">Ghost</a>
                            <a href="#">新版本发布</a>
                            <a href="#">JavaScript</a>
                            <a href="#">主题</a>
                            <a href="#">MySQL</a>
                            <a href="#">阿里云服务器</a>
                            <a href="#">助手函数</a>
                            <a href="#">自定义界面</a>
                        </div>
                    </div>
                </aside>
            </div>
        </div>
    </section>
    <footer class="main-footer">
        <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="widget">
                    <h4 class="title">最新文章</h4>
                    <div class="content recent-post">
                        <div class="recent-single-post">
                            <a href="#" class="post-title">Ghost 0.7.0 正式发布</a>
                            <div class="date">September 7,2015</div>
                        </div>
                        <div class="recent-single-post">
                            <a href="#" class="post-title">Ghost 0.7 中 {{ghost_foot}} 助手函数将不再输出 jQuery</a>
                            <div class="date">September 7,2015</div>
                        </div>
                        <div class="recent-single-post">
                        <a href="#" class="post-title">Ghost 0.7 即将发布，高清大图提前看</a>
                        <div class="date">September 7,2015</div>
                        </div>
                     </div>
                 </div>
            </div>
            <div class="col-md-4">
                <div class="widget">
                <h4 class="title">标签云</h4>
                <div class="content tag-cloud">
                    <a href="#">Ghost</a>
                    <a href="#">新版本发布</a>
                    <a href="#">JavaScript</a>
                    <a href="#">主题</a>
                    <a href="#">MySQL</a>
                    <a href="#">阿里云服务器</a>
                    <a href="#">助手函数</a>
                    <a href="#">自定义界面</a>
                </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="widget">
                    <h4 class="title">合作伙伴</h4>
                    <div class="content tag-cloud">
                    <a href="#">bootstrap中文网</a>
                    <a href="#">bootstrap官网</a>
                    <a href="#">bootstrap论坛</a>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </footer>
</body>
</html>



































